<!DOCTYPE html>
<html>

	<head>
		<title>一润魔方</title>
		<link rel="stylesheet" href="../../../js/stickysort/stickysort.css" />
		<link href="../login/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<!-- Custom Theme files -->
		<script src="../../../js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
		<!--theme-style-->
		<link href="../login/css/style.css" rel="stylesheet" type="text/css" media="all" />
		<!--//theme-style-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<script type="text/javascript" src="../login/js/move-top.js"></script>
		<script type="text/javascript" src="../login/js/easing.js"></script>
		<!-- 引入 ECharts 文件 -->
		<script src="../login/js/echarts.js"></script>

		<!-- Bootstrap Core CSS -->
		<!-- Custom CSS -->
		<link href="../login/html5/css/style.css" rel='stylesheet' type='text/css' />
		<link href="../login/html5/css/font-awesome.css" rel="stylesheet">
		<!-- jQuery -->
		<script src="../login/html5/js/jquery.min.js"></script>
		<!----webfonts--->
		<link href='../login/css/fontRoboto.css'>
		<!---//webfonts--->
		<!-- Bootstrap Core JavaScript -->

		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 1000);
				});
			});
		</script>

		<link href='../login/css/fontLato.css'>
		<link href='../login/css/fontMuli.css'>
	</head>

	<body>
		<!--header-->
		<div class="header" id="header">
			<div class="container">
				<div class="nav-top">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
						<div class="navbar-brand logo ">
							<h1><a href="javascript:void(0);">一润魔方 </a></h1>
						</div>
					</div>
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse nav-wil links" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav ">
							<li>
								<a href="javascript:void(0);">综合看板</a><span></span> </li>
							<li>
								<a href="javascript:void(0);">商机看板 </a><span></span></li>
							<li>
								<a href="javascript:void(0);">资金看板 </a><span></span></li>
							<li>
								<a href="javascript:void(0);">信用看板</a><span></span></li>
							<li>
								<a href="javascript:void(0);">销售地图</a>
							</li>
							<li>
								<a href="javascript:void(0);">防渎职监控</a>
							</li>
						</ul>
						<div class="clearfix"></div>
					</div>
					<!-- /.navbar-collapse -->
				</div>
			</div>
		</div>

		<!--content-->
		<div class="service" id="services">
			<div class="container">
				<div class="about-w3l">
					<h3>综合看板</h3>
					<div class="about-t">
						<b></b>
						<b class="line"></b>
					</div>
				</div>
				<div class="service-head">

					<div class="col-md-12 span_12 managerBord">
						<div class="col_2">
							<div class="box_1">
								<div class="col-md-6 col_1_of_2 span_1_of_2">
									<a class="tiles_info enterpriseCreditLine" href="javascript:void(0);">
										<div class="tiles-head red1">
											<div class="text-center">直客授信额度(万元)</div>
										</div>
										<div class="tiles-body red"><span class="data" name="enterpriseCreditLine"></span></div>
									</a>
								</div>
								<div class="col-md-6 col_1_of_2 span_1_of_2">
									<a class="tiles_info tiles_blue distributorsCreditLine" href="javascript:void(0);">
										<div class="tiles-head tiles_blue1">
											<div class="text-center">分销商授信(万元)</div>
										</div>
										<div class="tiles-body blue1"><span class="data" name="distributorsCreditLine"></span></div>
									</a>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="box_1">
								<div class="col-md-6 col_1_of_2 span_1_of_2">
									<a class="tiles_info enterpriseCreditLineAlready" href="javascript:void(0);">
										<div class="tiles-head red1">
											<div class="text-center">直客敞口额度(万元)</div>
										</div>
										<div class="tiles-body red"><span class="data" name="enterpriseCreditLineAlready"></span></div>
									</a>
								</div>
								<div class="col-md-6 col_1_of_2 span_1_of_2">
									<a class="tiles_info tiles_blue distributorsCreditLineAlready" href="javascript:void(0);">
										<div class="tiles-head tiles_blue1">
											<div class="text-center">分销商敞口额度(万元)</div>
										</div>
										<div class="tiles-body blue1"><span class="data" name="distributorsCreditLineAlready"></span></div>

									</a>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="box_1">
								<div class="col-md-6 col_1_of_2 span_1_of_2">
									<a class="tiles_info tiles_blue accumulatePayment" href="javascript:void(0);">
										<div class="tiles-head tw1">
											<div class="text-center">累计放款金额(万元)</div>
										</div>
										<div class="tiles-body tw2"><span class="data" name="loanAmount"></span></div>
									</a>
								</div>
								<!--<div class="col-md-6 col_1_of_2 span_1_of_2">
									<a class="tiles_info payment" href="javascript:void(0);">
										<div class="tiles-head fb1">
											<div class="text-center">当前贷款发放(万元)</div>
										</div>
										<div class="tiles-body fb2"><span class="data" name="currentLoanAmount"></span></div>
									</a>
								</div>-->
								<div class="col-md-6 col_1_of_2 span_1_of_2">
									<a class="tiles_info accumulateReceive" href="javascript:void(0);">
										<div class="tiles-head fb1">
											<div class="text-center">累计还款金额(万元)</div>
										</div>
										<div class="tiles-body fb2"><span class="data" name="receiveAmount"></span></div>
									</a>
								</div>
								<div class="box_1">
									<div class="col-md-6 col_1_of_2 span_1_of_2">
										<a class="tiles_info payment" href="javascript:void(0);">
											<div class="tiles-head red1">
												<div class="text-center">本月放款金额(万元)</div>
											</div>
											<div class="tiles-body red"><span class="data" name="currentLoanAmount"></span></div>
										</a>
									</div>
									<div class="col-md-6 col_1_of_2 span_1_of_2">
										<a class="tiles_info tiles_blue receive" href="javascript:void(0);">
											<div class="tiles-head tw1">
												<div class="text-center">本月还款金额(万元)</div>
											</div>
											<div class="tiles-body tw2"><span class="data" name="currentReceiveAmount"></span></div>
										</a>
									</div>
									<div class="clearfix"> </div>
								</div>
								<div class="box_1">
									<div class="col-md-6 col_1_of_2 span_1_of_2">
										<a class="tiles_info todayPayment" href="javascript:void(0);">
											<div class="tiles-head blue1">
												<div class="text-center">今日放款金额(万元)</div>
											</div>
											<div class="tiles-body blue1"><span class="data" name="todayLoanAmount"></span></div>
										</a>
									</div>
									<div class="col-md-6 col_1_of_2 span_1_of_2">
										<a class="tiles_info tiles_blue todayReceive" href="javascript:void(0);">
											<div class="tiles-head tw1">
												<div class="text-center">今日还款金额(万元)</div>
											</div>
											<div class="tiles-body tw2"><span class="data" name="todayReceiveAmount"></span></div>
										</a>
									</div>
									<div class="clearfix"> </div>
								</div>
								<div class="box_1">
									<div class="col-md-6 col_1_of_2 span_1_of_2">
										<a class="tiles_info loansDetail" href="javascript:void(0);">
											<div class="tiles-head fb1">
												<div class="text-center">资金余额(万元)</div>
											</div>
											<div class="tiles-body fb2"><span class="data" name="capital"></span></div>
										</a>
									</div>
									<div class="col-md-6 col_1_of_2 span_1_of_2">
										<a class="tiles_info tiles_blue interest" href="javascript:void(0);">
											<div class="tiles-head tiles_blue1">
												<div class="text-center">累计实收利息(万元)</div>
											</div>
											<div class="tiles-body blue1"><span class="data" name="interestAmount"></span></div>
										</a>
									</div>
									<div class="box_1">

										<div class="clearfix"> </div>
									</div>
								</div>

							</div>
						</div>
					</div>

					<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
					<div class="panel-heading">
						<h3><strong>前十大客户占比分析</strong></h3>
						<div class="panel-ctrls" data-actions-container="" data-action-collapse="{&quot;target&quot;: &quot;.panel-body&quot;}"><span class="button-icon has-bg"><i class="ti ti-angle-down"></i></span></div>
					</div>
					<div class="team1" id="main0" style="height:400px"></div>

					<script type="text/javascript">
						//showChart2
					</script>

					<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
					<div class="panel-heading">
						<h3><strong>前十大货品占比分析</strong></h3>
						<div class="panel-ctrls" data-actions-container="" data-action-collapse="{&quot;target&quot;: &quot;.panel-body&quot;}"><span class="button-icon has-bg"><i class="ti ti-angle-down"></i></span></div>
					</div>
					<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
					<div class="team0" id="main1" style="height:400px"></div>
					<script type="text/javascript">
					</script>

					<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
					<div class="team2" id="main2" style="height:400px;display: none;"></div>
					<script type="text/javascript">
					</script>

					<!--table  begin-->
					<div class="panel-heading">
						<h3>客户信用表(单位:万元)</h3>
						<div class="panel-ctrls" data-actions-container="" data-action-collapse="{&quot;target&quot;: &quot;.panel-body&quot;}"><span class="button-icon has-bg"><i class="ti ti-angle-down"></i></span></div>
					</div>
					<div class="bs-example4" data-example-id="simple-responsive-table">
						<script type="text/template" class="summaryTpl">
							{@each datas as it, index}
							<tr>
								<td scope="row" class="number">${index*1 + 1}</td>
								<th>${it.enterpriseName}</th>
								<td sortData="${it.creditLine}">${formatCurrency((it.creditLine/10000).toFixed(2))}</td>
								<td sortData="${it.creditLine*1 - it.creditLineAlready*1}">${formatCurrency(((it.creditLine*1 - it.creditLineAlready*1)/10000).toFixed(2))}</td>
								<td sortData="${it.financeAmount}">${formatCurrency((it.financeAmount/10000).toFixed(2))}</td>
								<td sortData="${it.totalLoanAmount}">${formatCurrency((it.totalLoanAmount/10000).toFixed(2))}</td>
								<td sortData="${it.totalRepayAmount}">${formatCurrency((it.totalRepayAmount/10000).toFixed(2))}</td>
								<!--<td></td>-->
								<td sortData="${it.totalExchangeAmount}">${formatCurrency((it.totalExchangeAmount/10000).toFixed(2))}</td>
								<td>${it.effectiveDays}</td>
								<td>${(it.effectiveStart).substr(0, 10)}</td>
								<td>${(it.effectiveEnd).substr(0, 10)}</td>
								<td>
									{@each it.financeBulkstockPledgeRateList as item} ${item.bulkstockName} 【${item.loanRateCeiling}%/${item.pledgeRateCeiling}%】 <br/>{@/each}
								</td>
							</tr>
							{@/each}
						</script>
						<div class="table-responsive">
							<table class="table table-bordered summaryTab sortable">
								<thead>
									<tr>
										<th>#</th>
										<th>客户</th>
										<th>授信额度</th>
										<th>可用额度</th>
										<th>融资总额</th>
										<th>贷款累计发放</th>
										<th>累计还款</th>
										<!--<th>已收利息</th>-->
										<th>敞口金额</th>
										<th>额度有效期</th>
										<th>额度起始时间</th>
										<th>额度截止时间</th>
										<th>核准利率及质押率</th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
						<!-- /.table-responsive -->
					</div>

					<!---table end--->

					<!--footer-->
					<div class="footer">
						<ul class="social">
							<li>
								<a href="#"><i> </i></a>
							</li>
							<li>
								<a href="#"><i class="ic"> </i></a>
							</li>
							<li>
								<a href="#"><i class="ic1"> </i></a>
							</li>
							<li>
								<a href="#"><i class="ic2"> </i></a>
							</li>
							<li>
								<a href="#"><i class="ic3"> </i></a>
							</li>
						</ul>
						<div class="footer-b">
							<ul class="footer-nav">
								<li>
									<a href="javascript:void(0);" class="scroll active">一润魔方</a>
								</li>
							</ul>
							<a href="#header" class="scroll bottom"><i></i></a>
						</div>
						<div class="copy">
							<p class="footer-grid">Copyright &copy; 2016.一润 All rights reserved.
								<a href="#">一润魔方</a>
							</p>
						</div>
					</div>
					<!-- for bootstrap working -->
					<script src="../login/js/bootstrap.min.js"></script>
					<!-- //for bootstrap working -->

	</body>
	<script type="text/javascript" src="../../../js/jquery-1.11.1.min.js"></script>
	<script src="../../../component/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/seajs/sea.js"></script>
	<script type="text/javascript" src="../../../js/seajs/seajs-text.js"></script>
	<script type="text/javascript" src="../../../js/seajs/seajs-css.js"></script>
	<script type="text/javascript" src="../../../js/bord/config.js"></script>
	<script type="text/javascript" src="../../../js/juicer-min.js"></script>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-throttle-debounce/1.1/jquery.ba-throttle-debounce.min.js"></script>
	<script type="text/javascript" src="../../../js/stickysort/jquery.stickysort.min.js" ></script>
	<script type="text/javascript">
		seajs.use('./main', function(main) {
			main.init();
		});
	</script>

</html>